import styled from 'styled-components'


export const ThemeTitleWrap = styled.div`
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #C10D0C;
  .left {
    display: flex;
    align-items: center;
    .titleImg {
      display: inline-block;
      width: 35px;
      height: 35px;
      background-position: -225px -156px;
    }

    h2 {
      cursor: pointer;
      font-size: 20px;
    }

    .title-list {
      display: flex;
      align-items: center;
      margin-left: 20px;

      .list-item {
        
        .title {
          color: #666;
          cursor: pointer;
        }

        .divider {
          margin: 0 10px;
          color: #ccc;
        }
      }
    }
  }

  .right {
  
    .more {
      display: inline-block;
      width: 12px;
      height: 12px;
      background-position: 0 -240px;
      margin-left: 4px;
      vertical-align: middle;
    }
  }
`

